mlbliner

Tengo curiosidad por saber dónde coloco mis archivos Jquery y Bootstrap. Recomiendan que siempre se coloque en la parte inferior por motivos de rendimiento, pero cuando reviso los sitios que usan Jquery/Bootstrap, la mayoría de los usuarios siempre los colocan en la parte superior. ¿También debería cargar mis propios archivos JavaScript antes o después de los archivos bootstrap/Jquery?

Supongo que cargo mi propio archivo css primero antes del archivo de arranque si quiero anular algunos de sus estilos, ¿es correcto y se aplica lo mismo a los archivos javascript?

Para anular el estilo de arranque, debe colocar su css después oreja. pues no entiendo..

– Maryja Piaredryj

27 mayo 2015 a las 16:36

No, le gustaría cargar su css personalizado y javascript DESPUÉS de los marcos (jQuery/bootstrap) que importa

– zbueno

27 mayo 2015 a las 16:36

Ohhhhh, muchas gracias.

– Mlbliner

27 mayo 2015 a las 16:40

Alex

Por lo general, hojas de estilo en la cabecera y scripts antes del cierre. etiqueta:

Querrá que se incluyan archivos de proveedores como jQuery y Bootstrap antes de tuya. Esto significa que:

Sin embargo, si necesita que un script esté disponible antes de que se cargue su contenido (como Modernizr), colóquelo en el asegura que esté listo antes que cualquiera de sus contenidos.

Incluir scripts en la parte inferior asegura que el contenido real de la página se cargue primero; cuando los scripts finalmente se descarguen, el contenido (DOM) estará listo para que sus scripts lo manipulen.

* suponiendo que la especificidad de su selector sea al menos igual a la del CSS de su proveedor

si te diriges a esto: Considero que primero cargo mi propio archivo css antes del archivo de arranque si quiero anular algunos de sus estilos, ¿es correcto y se aplica lo mismo a los archivos javascript? entonces esta respuesta estaría completa

– zbueno

27 mayo 2015 a las 16:38

Esto es cierto, pero explique también por qué es una buena práctica. El OP pregunta no solo cómo hacerlo mejor, sino también por qué cierta solución es la preferida.

– conexión

27 mayo 2015 a las 16:38

@connexo, la mayoría de los marcos como jQM están felices de ser colocados en el encabezado de un documento HTML. Bootstrap no lo hace. muy buena pregunta la que hiciste, porque?

– Tasas

27 mayo 2015 a las 16:42

Muchas gracias por la plantilla. Me confundo cuando las personas usan todos los métodos diferentes y aconsejan de manera diferente. Esto me ayudó mucho 🙂

– Mlbliner

27 mayo 2015 a las 16:45

@Mlbliner, todo lo que tiene que hacer es visitar la página de inicio en boostrap y hacer clic en cualquiera de las demostraciones para ver y luego en la fuente de la página. Todos tienen archivos bootstrap js en la parte inferior del documento. getbootstrap.com/primeros pasos

– Tasas

27 mayo 2015 a las 16:50

Garry

Abajo es mejor colocar todas las referencias de su script al final de la página antes .Debe verse como a continuación en la página normal.

Aunque en algunos casos puede ser necesario cargar JavaScript antes de cargar la página si alguna de sus funciones necesita acceder a JavaScript antes de cargar la página. Especialmente si está trabajando con JQuery UI y Bootstrap.

Puede decorar sus etiquetas de script con el defer atributo para que el navegador sepa descargar sus scripts después de que se haya descargado el HTML:

o

Cuando está presente, especifica que el script se ejecutará de forma asíncrona tan pronto como esté disponible.

http://www.w3schools.com/tags/att_script_async.asp

Si necesita una secuencia de comandos para acceder a la página para su uso, entonces la secuencia de comandos debe estar disponible antes de usarla. Aunque debe asegurarse de que el navegador admita defer=”defer”. Async es compatible con todos los principales navegadores.

Javascript bloquea por defecto cualquier otra descarga paralela. Entonces, si tiene muchas etiquetas en la cabeza, llamar a múltiples scripts externos bloqueará la carga del HTML, saludando al usuario con una pantalla en blanco, porque ningún otro contenido en su página se cargará hasta que los archivos de script Java se hayan cargado por completo. Otra ventaja de cargar el script en la parte inferior es que cualquier error causado por un script externo no impedirá que la página se cargue en el navegador.

El estilo css debe presentarse en la parte superior para acceder en la página.

El atributo “aplazar” tiene soporte mixto. Esto puede o no estar bien dependiendo de la gama de clientes web que necesite admitir. Ver caniuse.com/#feat=script-defer

– Phil Nicolás

23 de marzo de 2016 a las 1:46

designarti

Realmente depende de lo que quieras lograr, pero generalmente JS se coloca en la parte inferior y CSS en la sección principal. Asegúrese de que la biblioteca jquery se cargue antes que la biblioteca JS de Bootstrap y que su archivo css personalizado se cargue después del CSS de Bootstrap, para que se anule. Puede cargar el CSS de Bootstrap desde su CDN (u otros, como cloudflare, por ejemplo http://cdnjs.com/libraries).

Asegúrese de minimizar todo eso y active la compresión y no debería experimentar ningún problema de rendimiento.

Las técnicas avanzadas implican usar la parte más importante de su CSS en el área de la cabeza y luego enviar el resto del CSS en el área inferior. O tenga todo su contenido estático (CSS + JS) alojado en un CDN.